import React, { memo } from "react";
import { Toast, NavBar } from "react-vant";
import { useNavigate } from "react-router";
import style from './index.module.scss'
import Kai from '../../components/Kai/Kai'
import Youhui from '../../components/Youhui/Index'
const Index: React.FC = memo(() => {
  const navigate = useNavigate();
  return (
    <div>
      <NavBar
        title="春雨会员"
        leftText="返回"
        rightText="按钮"
        onClickLeft={() => navigate(-1)}
        onClickRight={() => Toast("按钮")}
      />
      <div>
        <img className={style.hui} src="./img/4.jpg" alt="" />
      </div>

      {/* 封装组件 */}
      <Kai></Kai>
      <br /><br />

      <h2 style={{marginLeft:'25px',marginTop:"10px",marginBottom:'10px'}}>会员特权</h2>

      <Youhui></Youhui>

      <h1 style={{marginLeft:'10px'}}>会员故事</h1>
      <img onClick={()=>navigate('/hyxq1')} style={{width:"100%",height:'100px',borderRadius:'10px'}} src="./img/7.jpg" alt="" />
    </div>
  );
})

export default Index;
